<template>
  <!-- 创建时间：2023/4/15 -->
  <!-- 作者：admin -->
  <!-- FindPage组件说明：发现页面 -->
    <div class="find-page">
        <el-row>
            <el-col :span="24">
                <h1 class="find-page-title">发现</h1>
            </el-col>
        </el-row>
        <!-- 头部选择标签部分-->
        <el-row>
            <el-col :span="24">
                <ExplorePageHeader :cur-level="level"/>
            </el-col>
        </el-row>
        <!-- 列表选项部分-->
        <el-row>
            <el-col :span="24">
                <ExploreListPage :default-level="level" :default-name="name"/>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import ExplorePageHeader from "@/components/ExplorePageHeader.vue";
import ExploreListPage from "@/pages/ExploreListPage.vue";

export default {
    name: "FindPage",
    components: {ExploreListPage, ExplorePageHeader},
    props: ['level', 'name']
}
</script>

<style scoped lang="less">
@import "@/assets/less/common";

.find-page {
  .find-page-title {
    font-size: 2.5vw;
    margin-top: 0;
  }
}
</style>